<template>
    <div class="Set">
        <div class="Set_head">
            <div>总佣金 <input type="number"  name="" id="" v-model="inps"></div>
            <div>分销升级审核 <el-switch
            v-model="value"
            active-color="#13ce66"
            inactive-color="#ccc">
            </el-switch></div>
        </div>
        <div class="Set_main">
            <el-button type="primary" @click="Cun">保存</el-button>
        </div>
        <div class="Set_foot"></div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            value: false,
            inps:"",//输入框的值
        }
    },
    methods: {
        //点击保存
        Cun(){
            if(+this.inps>+10000){
                alert("抱歉，佣金不可超出总佣金比例")
                this.inps=''
            }
        }
    },
}
</script>

<style>
.Set{
    width: 100%;
    height: 100%;
}
.Set_head{
    padding-left:50px ;
    padding-top: 50px;
}
.Set_head>div:first-child{
    margin-bottom: 20px;
    margin-left: 45px;
}
.Set_main{
    text-align: center;
    margin-top: 30px;
}
</style>